//放置逻辑代码
.adapt(@index) when (@index <= @len) {
  @media screen and (min-width: extract(@deviceWidth,@index)) {
    html {
      font-size: @baseFont / @psdWidth * extract(@deviceWidth, @index);
    }
    body{
      font-size: 20rem/(@baseFont / @psdWidth * extract(@deviceWidth, @index));
    }
  }
  .adapt(@index + 1);
}

// banner滚动
.bannerLoop(@index) when (@index<=5){

    #s@{index}:checked~ul{
      margin-left: (@index - 1)*(-100%);
       transition: margin-left 1s linear;
    }
    #s@{index}:checked~ol>li:nth-child(@{index})>label{
      background: #f40;
    }
  .bannerLoop(@index + 1);
}
// navbgc
.navbgc(@index) when (@index<=8){
  .c@{index}{
    background-position: 0px (@index - 1)*(-80px)*@unit;
  }
  .navbgc(@index + 1);
}